

<div class="forum-container">

    <ul class="thumbnails">

        <li class="thumbnail span7">

            <div class="course-threads">

                <h3><g:message code="forum.thread.new" /></h3>

                <br />

                <g:form action="doAdd">

                    <input type="hidden" name="course" value="${course}" />

                    <table>

                        <tr>
                            <td style="padding: 10px"><strong><g:message code="forum.labels.name" />:</strong></td>
                            <td><input id="thread-name" type="text" name="name" placeholder="<g:message code="forum.labels.name" />" /> </td>
                        </tr>

                        <tr>
                            <td style="padding: 10px"><strong><g:message code="forum.labels.question" />:</strong></td>
                            <td><textarea placeholder="<g:message code="forum.labels.question" />" name="question" class="forum-textarea" rows="5" cols="500"></textarea></td>
                        </tr>

                        <tr>
                            <td style="padding: 10px"><strong><g:message code="forum.tags.label"></g:message></strong></td>
                            <td>
                                <div id="tags-container">

                                </div>
                            </td>
                        </tr>

                    </table>

                    <br />
                    <button class="btn btn-primary" type="submit"><g:message code="default.button.create.label" /></button>

                </g:form>


                <g:if test="${flash.message}">

                    <div style="margin: 10px 0px 0px 0px" class="alert alert-error">
                        <strong><g:message code="forum.flash.snap" /></strong> ${flash.message}.
                    </div>

                </g:if>

            </div>

        </li>

        <li class="thumbnail span4">

            <div class="course-threads">

                <h3><g:message code="forum.tags.label" /></h3>

                <br />

                <div id="tag-selection">

                    <g:each var="tag" in="${tags}">

                        <span itemref="${tag.id}" id="tag-${tag.name}" class="label label-info tag-select">${tag.name}</span>

                    </g:each>

                </div>

            </div>

        </li>

    </ul>

</div>